// 静态资源是指 内容长时间不发生改变的资源 ，例如图片，视频，CSS 文件，JS文件，HTML文件，字体文件等
// 动态资源是指 内容经常更新的资源 ，例如百度首页，网易首页，京东搜索列表页面等


const http = require("http");
const fs = require("fs"); 

const server = http.createServer((request, response) => {
  const {url} = request; // url表示浏览器输入的地址 path


  if (url === "/") {
    response.setHeader('content-type','text/html;charset=utf-8');
    fs.readFile("./login.html", "utf-8", (err, data) => {
      
      if (err) throw err;
      response.end(data);
    })
  } else if (url === "/style.css") {
    response.setHeader('content-type','text/css;charset=utf-8');
    fs.readFile("./style.css", "utf-8", (err, data) => {
      if (err) throw err;
      response.end(data);
    })
  } else {
    response.statusCode = 404;
    response.end("<h1>404 Not Found</h1>");
  }
});

server.listen(8080);